<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Admin Panel Auto Update</title>
    <link rel="stylesheet" href="../../static/css/base.css" type="text/css" media="screen"/>
    <link rel="stylesheet" href="../../static/css/layout.css" type="text/css" media="screen"/>
    <link rel="stylesheet" href="../../static/js/jqplot/jquery.jqplot.css" type="text/css" media="screen"/>
    <!--[if lt IE 9]>
    <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen"/>
    <script src="../../static/js/html5.js" type="text/javascript"></script>
    <script src="../../static/js/excanvas.compiled.js" type="text/javascript"></script>
    <![endif]-->
    <script src="../../static/js/jquery-1.5.2.min.js" type="text/javascript"></script>
    <script src="../../static/js/hideshow.js" type="text/javascript"></script>
    <script src="../../static/js/jquery.tablesorter.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="../../static/js/jquery.equalHeight.js"></script>
    <!--绘图-->
    <script type="text/javascript" src="../../static/js/jqplot/jquery.jqplot.min.js"></script>
    <!--柱状图-->
    <script type="text/javascript" src="../../static/js/jqplot/plugins/jqplot.categoryAxisRenderer.min.js"></script>
    <script type="text/javascript" src="../../static/js/jqplot/plugins/jqplot.barRenderer.min.js"></script>
    <!--饼图-->
    <script type="text/javascript" src="../../static/js/jqplot/plugins/jqplot.pieRenderer.js"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            $(".tablesorter").tablesorter();

        }
        );
        $(document).ready(function() {

            //When page loads...
            $(".tab_content").hide(); //Hide all content
            $("ul.tabs li:first").addClass("active").show(); //Activate first tab
            $(".tab_content:first").show(); //Show first tab content

            //On Click Event
            $("ul.tabs li").click(function() {

                $("ul.tabs li").removeClass("active"); //Remove any "active" class
                $(this).addClass("active"); //Add "active" class to selected tab
                $(".tab_content").hide(); //Hide all tab content

                var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
                $(activeTab).fadeIn(); //Fade in the active ID content
                return false;
            });

        });
    </script>
    <script type="text/javascript">
        $(function() {
            $('.column').equalHeight();
        });
    </script>
</head>

<body>
<header id="header">
    <hgroup>
        <h1 class="site_title"><a href="index1.html"><img src="../../static/images/logo.gif" alt="重庆一百度" width="184"
                                                          height="40"></a></h1>

        <h2 class="section_title"></h2>

        <div class="btn_view_site"><a href="index.html#">查看站点</a></div>
    </hgroup>
</header>
<!-- end of header bar -->

<section id="secondary_bar">
    <div class="user">
        <p>bobohb</p>
        <!-- <a class="logout_user" href="#" title="Logout">Logout</a> -->
    </div>
    <div class="breadcrumbs_container">
        <article class="breadcrumbs"><a href="index1.html">管理</a>

            <div class="breadcrumb_divider"></div>
            <a href="index.html#">Dashboard</a>

            <div class="breadcrumb_divider"></div>
            <a href="index1.html">管理</a>

            <div class="breadcrumb_divider"></div>
            <a class="current">Dashboard</a></article>
    </div>
</section>
<!-- end of secondary bar -->

<aside id="sidebar" class="column">
    <h3>分类管理</h3>
    <ul class="toggle">
        <li class="icn_new_article"><a href="index.html#">新增</a></li>
        <li class="icn_edit_article"><a href="index.html#">编辑</a></li>
        <li class="icn_categories"><a href="index.html#">查看</a></li>
        <li class="icn_tags"><a href="index.html#">事业部</a></li>
    </ul>
    <h3>用户</h3>
    <ul class="toggle">
        <li class="icn_add_user"><a href="index.html#">增加用户</a></li>
        <li class="icn_view_users"><a href="index.html#">查看用户</a></li>
        <li class="icn_profile"><a href="index.html#">Profile</a></li>
    </ul>
    <h3>媒体</h3>
    <ul class="toggle">
        <li class="icn_folder"><a href="index.html#">文档</a></li>
        <li class="icn_photo"><a href="index.html#">相册</a></li>
        <li class="icn_video"><a href="index.html#">视频</a></li>
        <li class="icn_audio"><a href="index.html#">音频</a></li>
    </ul>
    <h3>Admin</h3>
    <ul class="toggle">
        <li class="icn_settings"><a href="index.html#">选项</a></li>
        <li class="icn_security"><a href="index.html#">权限管理</a></li>
        <li class="icn_jump_back"><a href="index.html#">退出</a></li>
    </ul>
    <footer>
        <hr/>
        <p>&copy; 2011 ICQ100</p>
    </footer>
</aside>
<!-- end of sidebar -->

<section id="main" class="column">
<h4 class="alert_info">信息提示</h4>
<h4 class="alert_warning">警告</h4>
<h4 class="alert_error">错误</h4>
<h4 class="alert_success">成功</h4>
<!--折线图-->
<article class="module width_full">
    <header>
        <h3>状态</h3>
    </header>
    <div class="module_content">
        <article class="stats_graph">
            <div id="chart_line"></div>
            <script type="text/javascript">
                $.jqplot.config.enablePlugins = true;
                line1 = [11, 2.5, 1.25, 23.125,230];
                line2 = [25, 12.5, 6.25, 3.125,32];
                line3 = [12, 23, 15, 5,32];
                /*xticks = [
                 [0, 'zero'],
                 [1, 'one'],
                 [2, 'two'],
                 [3, 'three'],
                 [4, 'four'],
                 [5, 'five']
                 ];
                 yticks = [-5, 0, 5, 10, 15, 20, 25, 30];*/
                plot4 = $.jqplot('chart_line', [line1, line2,line3], {
                            title:'折线图',
                            legend:{show:true},
                            series:[
                                {label:'PV'},
                                {label:'UV'},
                                {label:'IP'}
                            ],
                            axes:{
                                xaxis:{
                                    autoscale:true,
                                    renderer:$.jqplot.CategoryAxisRenderer,
                                    ticks:['第一事业部', '第二事业部', '第三事业部', '第四事业部', '第五事业部']
                                },
                                yaxis:{min:0,autoscale:true}
                            }
                        });
            </script>

        </article>

        <div class="clearfix"></div>
    </div>
</article>
<!--柱状图-->
<article class="module width_full">
    <header>
        <h3>状态</h3>
    </header>
    <div class="module_content">
        <article class="stats_graph">
            <div id="chart_bar"></div>
            <script type="text/javascript">

                line1 = [1,4, 9, 16,32];
                line2 = [25, 12.5, 6.25, 3.125,23];
                line3 = [2, 7, 15, 30,223];
                plot2 = $.jqplot('chart_bar', [line1, line2, line3], {
                            legend:{show:true, location:'ne', xoffset:55},
                            title:'流量对比',
                            seriesDefaults:{
                                renderer:$.jqplot.BarRenderer,
                                rendererOptions:{barPadding: 8, barMargin: 20}
                            },
                            series:[
                                {label:'PV'},
                                {label:'UV'},
                                {label:'IP'}
                            ],
                            axes:{
                                xaxis:{
                                    renderer:$.jqplot.CategoryAxisRenderer,
                                    ticks:['第一事业部', '第二事业部', '第三事业部', '第四事业部', '第五事业部']
                                },
                                yaxis:{min:0}
                            }
                        });
            </script>
        </article>
        <div class="clearfix"></div>
    </div>
</article>
<!--饼图-->
<article class="module width_full">
    <header>
        <h3>状态</h3>
    </header>
    <div class="module_content">
        <article class="stats_graph">
            <div id="chart_pie"></div>
            <script type="text/javascript">$(function() {
                s1 = [
                    ['搜索',7],
                    ['嘎嘎',13.3],
                    ['gas帝国大厦',14.7],
                    ['嘎都是个',5.2],
                    ['广大嘎嘎', 1.2]
                ];

                plot1 = $.jqplot('chart_pie', [s1], {
                            title:'流量对比',
                            grid: {
                                drawBorder: false,
                                drawGridlines: false,
                                background: '#ffffff',
                                shadow:false
                            },
                            axesDefaults: {
                            },
                            seriesDefaults:{
                                renderer:$.jqplot.PieRenderer,
                                rendererOptions: {
                                    showDataLabels: true
                                }
                            },
                            legend: {
                                show: true,
                                rendererOptions: {
                                    numberRows: 1
                                },
                                location: 's'
                            }
                        });
            });
            </script>
        </article>
        <div class="clearfix"></div>
    </div>
</article>
<!-- end of stats article -->

<article class="module width_full">
    <header>
        <h3 class="tabs_involved">内容管理</h3>
        <ul class="tabs">
            <li><a href="index.html#tab1">投递</a></li>
            <li><a href="index.html#tab2">评论</a></li>
        </ul>
    </header>
    <div class="clearfix"></div>
    <div class="tab_container">
        <div id="tab1" class="tab_content">
            <table class="tablesorter" cellspacing="0">
                <thead>
                <tr>
                    <th></th>
                    <th>Entry Name</th>
                    <th>Category</th>
                    <th>Created On</th>
                    <th>Actions</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td><input type="checkbox"></td>
                    <td>Lorem Ipsum Dolor Sit Amet</td>
                    <td>Articles</td>
                    <td>5th April 2011</td>
                    <td><input type="image" src="../../static/images/icn_edit.png" title="Edit">
                        <input type="image"
                               src="../../static/images/icn_trash.png"
                               title="Trash"></td>
                </tr>
                <tr>
                    <td><input type="checkbox"></td>
                    <td>Ipsum Lorem Dolor Sit Amet</td>
                    <td>Freebies</td>
                    <td>6th April 2011</td>
                    <td><input type="image" src="../../static/images/icn_edit.png" title="Edit">
                        <input type="image"
                               src="../../static/images/icn_trash.png"
                               title="Trash"></td>
                </tr>
                <tr>
                    <td><input type="checkbox"></td>
                    <td>Sit Amet Dolor Ipsum</td>
                    <td>Tutorials</td>
                    <td>10th April 2011</td>
                    <td><input type="image" src="../../static/images/icn_edit.png" title="Edit">
                        <input type="image"
                               src="../../static/images/icn_trash.png"
                               title="Trash"></td>
                </tr>
                <tr>
                    <td><input type="checkbox"></td>
                    <td>Dolor Lorem Amet</td>
                    <td>Articles</td>
                    <td>16th April 2011</td>
                    <td><input type="image" src="../../static/images/icn_edit.png" title="Edit">
                        <input type="image"
                               src="../../static/images/icn_trash.png"
                               title="Trash"></td>
                </tr>
                <tr>
                    <td><input type="checkbox"></td>
                    <td>Dolor Lorem Amet</td>
                    <td>Articles</td>
                    <td>16th April 2011</td>
                    <td><input type="image" src="../../static/images/icn_edit.png" title="Edit">
                        <input type="image"
                               src="../../static/images/icn_trash.png"
                               title="Trash"></td>
                </tr>
                </tbody>
            </table>
        </div>
        <!-- end of #tab1 -->

        <div id="tab2" class="tab_content">
            <table class="tablesorter" cellspacing="0">
                <thead>
                <tr>
                    <th></th>
                    <th>Comment</th>
                    <th>Posted by</th>
                    <th>Posted On</th>
                    <th>Actions</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td><input type="checkbox"></td>
                    <td>Lorem Ipsum Dolor Sit Amet</td>
                    <td>Mark Corrigan</td>
                    <td>5th April 2011</td>
                    <td><input type="image" src="../../static/images/icn_edit.png" title="Edit">
                        <input type="image"
                               src="../../static/images/icn_trash.png"
                               title="Trash"></td>
                </tr>
                <tr>
                    <td><input type="checkbox"></td>
                    <td>Ipsum Lorem Dolor Sit Amet</td>
                    <td>Jeremy Usbourne</td>
                    <td>6th April 2011</td>
                    <td><input type="image" src="../../static/images/icn_edit.png" title="Edit">
                        <input type="image"
                               src="../../static/images/icn_trash.png"
                               title="Trash"></td>
                </tr>
                <tr>
                    <td><input type="checkbox"></td>
                    <td>Sit Amet Dolor Ipsum</td>
                    <td>Super Hans</td>
                    <td>10th April 2011</td>
                    <td><input type="image" src="../../static/images/icn_edit.png" title="Edit">
                        <input type="image"
                               src="../../static/images/icn_trash.png"
                               title="Trash"></td>
                </tr>
                <tr>
                    <td><input type="checkbox"></td>
                    <td>Dolor Lorem Amet</td>
                    <td>Alan Johnson</td>
                    <td>16th April 2011</td>
                    <td><input type="image" src="../../static/images/icn_edit.png" title="Edit">
                        <input type="image"
                               src="../../static/images/icn_trash.png"
                               title="Trash"></td>
                </tr>
                <tr>
                    <td><input type="checkbox"></td>
                    <td>Dolor Lorem Amet</td>
                    <td>Dobby</td>
                    <td>16th April 2011</td>
                    <td><input type="image" src="../../static/images/icn_edit.png" title="Edit">
                        <input type="image"
                               src="../../static/images/icn_trash.png"
                               title="Trash"></td>
                </tr>
                </tbody>
            </table>
        </div>
        <!-- end of #tab2 -->

    </div>
    <!-- end of .tab_container -->

</article>
<!---end table-->

<div class="clearfix"></div>
<article class="module width_full">
    <header>
        <h3>投递文章</h3>
    </header>
    <div class="module_content">
        <fieldset>
            <label>标题</label>
            <input type="text">
        </fieldset>
        <fieldset>
            <label>内容</label>
            <textarea rows="12"></textarea>
        </fieldset>
        <fieldset style="width:48%; float:left; margin-right: 3%;">
            <!-- to make two field float next to one another, adjust values accordingly -->
            <label>分类</label>
            <select style="width:92%;">
                <option>Articles</option>
                <option>Tutorials</option>
                <option>Freebies</option>
            </select>
        </fieldset>
        <fieldset style="width:48%; float:left;">
            <!-- to make two field float next to one another, adjust values accordingly -->
            <label>Tags</label>
            <input type="text" style="width:92%;">
        </fieldset>
        <div class="clearfix"></div>
    </div>
    <footer>
        <div class="submit_link">
            <select>
                <option>草稿</option>
                <option>发布</option>
            </select>
            <input type="submit" value="Publish" class="alt_btn">
            <input type="submit" value="Reset">
        </div>
    </footer>
</article>
<!-- end of post new article -->

<article class="module width_full">
    <header>
        <h3>文本样式</h3>
    </header>
    <div class="module_content">
        <h1>标题 1</h1>

        <h2>标题 2</h2>

        <h3>标题 3</h3>
        <h4>标题 4</h4>

        <p>宫颈癌slg骄傲两三个敬爱凉快过拉斯科个</p>
        <ul>
            <li>阿斯顿噶闪光灯</li>
            <li>噶的是嘎说的个</li>
            <li>gasgdasgas伽师瓜</li>
            <li>fas发生过 啊发生</li>
        </ul>
    </div>
</article>
<!-- end of styles article -->
<div class="spacer"></div>
</section>

</body>
</html>